<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Restaurant Home Page</title>
        <meta name="description" content="Handbag" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

    </head>

    <style>
        /* reset */
        * { margin: 0; padding: 0px; }

        /* commontt */
        body {  font-family: Arial; font-size: 12px; color: #666666;}

        img { border: none; }
        p{
            line-height:20px; 
        }
        a{
            text-decoration:none; color: #010101; 
        }
        ul li{
            list-style: none;
        }
        body {
            background: url(images/background.png);
            padding: 0px;
            margin: 0px;
        }
        #wrapper {
            margin: 0px;
            padding: 0px;
            background: url(images/top_bg.png) repeat-x top;
        }
        #wrapper_top {
            width: 940px;
            margin: 0px auto; 
            height: 356px;
        }
        .hook {
            position: relative;
        }
        #wrapper_top #wrapper_header_1 {
            height: 356px;
        }
        #hook_header {
            height: 356px;
        }

        .search_bar_3 {
            height: 55px;
            width: 250px;
            position: absolute;
            top:20px;
            left:500px;
        }


    </style>

    <link rel="stylesheet" href="../../widget/hotline/0/hotline_0.css" type="text/css"/>
    <link rel="stylesheet" href="../../widget/logo/3/logo_3.css" type="text/css" />
    <link rel="stylesheet" href="../../widget/search_bar/3/search_bar_3.css" type="text/css" />
    <link rel="stylesheet" href="../../widget/hmenu/4/hmenu_4.css" type="text/css" />

    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="wrapper_header_1">
                    <div id="hook_header" class="hook">
                        <!-- hook header : widget : hotline, logo, search bar -->

                        <!-- HOTLINE WIDGET -->

                        <div id="hotline_wi" class="hotline_0">
                            <img src="images/hotline_logo.png" alt="hotline_logo" class="hl_align_left"/>
                            <div class="hl_infor">
                                <div class="hl_content">
                                    Call us for reservation
                                </div><!-- End .hl_conent -->
                                <div class="hl_phone_number">
                                    (84)851236536
                                </div><!-- End .hl_phone_number -->
                            </div><!-- End .hl_infor -->
                        </div><!-- End .hotline_0 -->
                        <!-- End HOTLINE WIDGET -->

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi" class="logo_3">

                            <div class="logo_content_wrapper">
                                <div class="logo_content">
                                    <h1 class="company_name">Tiara</h1>
                                    <h3 class="company_description">Restaurant</h3>
                                </div><!-- End .logo_content -->
                            </div><!-- End .logo_content_wrapper -->
                        </div>
                        <!-- End LOGO WIDGET -->

                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi" class="search_bar_3">
                            <form class="searchForm" method="post" action="#">
                                <div class="search_bar_wrapper">
                                    <input class="search_text" type="text" name="txtsearch" value="Search keyword here"/>
                                    <input class="search_submit" type="submit" name="btnsearch" value=">"/>
                                </div><!-- End #search_bar_wrapper -->
                            </form>
                        </div><!-- End .search_bar_3 -->
                        <!-- End SEARCH BAR WIDGET -->
                        <style>


                        </style>
                        <!-- HMENU WIDGET -->
                        <div id="hemnu_wi" class="hemnu_4">
                            <div class="hmenu_wrapper">
                                <div class="hemnu_bullet_left"></div>
                                <ul class="hmenu_items">
                                    <li class="current"><a href="#">Home</a></li>
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li class="last_item"><a href="#">News</a></li>
                                </ul>
                                <div class="hemnu_bullet_right"></div>
                            </div><!--End hmenu_wrapper-->
                        </div>
                        <!-- End HEMNU WIDGET -->

                    </div><!-- End hook_header -->
                </div><!-- End #wrapper_header_1 -->
            </div>
            <!-- End wrapper_top -->

            <!--- Wrapper MAIN -->
            <div id="wrapper_main">
                <style>
                    #wrapper_main {
                        min-height: 400px;
                    }
                </style>

            </div><!-- End #wrapper_main -->
            <!-- ================ -->

            <div id="wrapper_main_bottom">
                <div id="hook_bottom" class="hook">
                    <div id="wi_html_block" class="html_100">
                        <h1 class="title">Tiara</h1>
                        <h3 class="desc">Restaurant</h3>
                    </div><!-- End #html_block -->    
                </div><!-- End #hook_bottom -->
            </div><!-- End #wrapper_main_bottom -->

        </div><!--END wrapper-->
    </body>
</html>